<template>
  <!-- 资质 -->
  <div class="trans-bar content container">
    <div class="terrace_tips  ">
			<img src="~/assets/images2/home/ic_title3.png" alt="" srcset="">
    </div>
    <div class="cooperation">
			<div class="four_img">
        <ul>
          <li>
            <div><img src="~/assets/images2/home/ic_home1.png" alt="" srcset=""></div>
            <h3>企业资质</h3>
            <p>晟昌科技有限公司为高新技术企业，<br>是国家重点支持的具有高<br>成长性的企业。</p>
          </li>
          
          <li class="m_t50">
            <div><img src="~/assets/images2/home/ic_home2.png" alt="" srcset=""></div>
            <h3>营业执照</h3>
            <p>晟昌科技有限公司通过国家机构<br> 颁布正规合法营业执照，我们 <br>所有业务都是合规合法。</p>
          </li>
          
          <li class="">
            <div><img src="~/assets/images2/home/ic_home3.png" alt="" srcset=""></div>
            <h3>发展历史</h3>
            <p> 晟昌科技有限公司成立于2012年， <br>八年磨一剑，只为更好的服<br> 务与您。 </p>
          </li>
          <li class="m_t50">
            <div><img src="~/assets/images2/home/ic_home4.png" alt="" srcset=""></div>
            <h3>荣誉证书</h3>
            <p>晟昌科技有限公司2015年被武汉市政府<br> 评为先进企业，推动了<br> 开发技术的进步。 </p>
          </li>
        </ul>
        <ul class="dotted">
          <li class="x_01"><img src="~/assets/images2/home/ic_qyzz_102.png" alt="" srcset=""></li>
          <li class="x_02"><img src="~/assets/images2/home/ic_qyzz_103.png" alt="" srcset=""></li>
          <li class="x_03"><img src="~/assets/images2/home/ic_qyzz_102.png" alt="" srcset=""></li>
        </ul>
      </div>
      <div class="scrol_img">
        <div class="ser_left">
          <img src="~/assets/images2/home/ic_qyzzby.png" alt="" srcset="">
        </div>
        <div class="bg_img">

        </div>
        <div class="ser_right">
          <ul>
            <li>
              <h3>2012年</h3>
              <p>晟昌科技有限公司在武汉成立</p>
            </li>
            <li>
              <h3>2013年</h3>
              <p>后台技术团队搭建完成</p>
            </li>
            <li>
              <h3>2014年</h3>
              <p>整个团队运转完善</p>
            </li>
            <li>
              <h3>2015年</h3>
              <p>获得计算机行业协会证书</p>
            </li>
            <li>
              <h3>2016年</h3>
              <p>区块链概念产品开始研发</p>
            </li>
            <li>
              <h3>2017年</h3>
              <p>区块链产品正式上线</p>
            </li>
            <li>
              <h3>2018年</h3>
              <p>区块链产品运营获得成功</p>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 关于客户 -->
    
    <!-- 主要客户 -->
    <div class="part_box">
      <div class="part_head">
        <h3 class="txt-center">主要客户分布全国  近20个省</h3>
        <p class="txt-center">北京市，上海市，重庆市，山西省，辽宁省，吉林省，江苏省，浙江省，安徽省，福建省，河南省，湖北省，湖南省，广东省，等</p>
      </div>
      <div class="part_img content">
        <img src="~/assets/images2/home/ic_ditu.png" alt="" srcset="">
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "QuaTions",
  data() {
    return {
      TrandNumItem: null,
    };
  },
  mounted() {
    
  },
  methods: {}
};
</script>
<style  scoped>
.container {
  min-height: calc(100% - 294px);
  padding: 30px 0;
  width: 77%;
  margin: 0 auto;
}
.terrace_tips {
  text-align: center;
  padding-top: 40px;
  margin-bottom: 40px;
}
.terrace_tips p {
    color: #ffffff;
    height: 50px;
    line-height: 50px;
    margin-top: 20px;
    padding: 0 15px;
}
.cooperation .four_img{margin: 80px 0;}
.cooperation .four_img ul{display: flex;justify-content:space-between ;padding:0 20px;}
.cooperation .four_img ul li img{display: block;margin: 0 auto;}
.cooperation .four_img ul li h3{text-align: center;font-size: 24px;line-height: 36px;margin: 20px 0;}
.cooperation .four_img ul li p{text-align: center;font-size: 16px;line-height: 36px;margin: 20px 0;}
.m_t50{margin-top: 40px;}
.x_01{position:relative;left: 100px;top: -66px;}
.x_02{position:relative;left: -40px;top: -75px;}
.x_03{position:relative;left: -130px;top: -66px;}
.dotted{display: flex;justify-content:space-around;margin: -270px 100px 0 120px;}
/* // 时间轴 */
.scrol_img{display: flex;margin-top:240px;justify-content: center;}
.ser_left img{width: 430px;height: 620px;position: relative;left: 40px;top: -60px;}
.bg_img{
      width: 25px;background: url(~/assets/images2/home/ic_lcqq.png);background-size: cover;
      position: relative;left: 55px;top: 35px;height: 575px;overflow: hidden;
    }
 .ser_right{
      background: #F7F7F7;padding:0 80px;height: 620px;overflow-y: scroll;
 }    
  .ser_right    h3{font-size: 40px;line-height: 50px;font-weight: normal;}
  .ser_right    p{font-size: 26px;color: #999999;line-height: 36px;}
  .ser_right    li{margin-bottom: 45px;}
  .ser_right    li:nth-child(1){margin-top: 35px;}
/*  客户分布 */
.part_box{
  margin-top: 90px;padding-bottom: 15px;
}
  .part_head{color: #333333;text-align: center;}
  .part_head  h3{font-size: 26px;line-height: 40px;margin-bottom: 30px;}
  .part_head  p{font-size: 16px;color: #999999;margin-bottom: 30px;}

  .part_img{margin-top: 20px;}
  .part_img  img{display:block;width: 80%;margin: 0 auto;}
</style>